<ui:composition xmlns="http://www.w3.org/1999/xhtml"
		        xmlns:h="http://java.sun.com/jsf/html"
		        xmlns:f="http://java.sun.com/jsf/core"
		        xmlns:ui="http://java.sun.com/jsf/facelets"
		        xmlns:fn="http://java.sun.com/jsp/jstl/functions"
		        xmlns:c="http://java.sun.com/jstl/core">
	<h:form>
		<div style="text-align:right;margin-bottom:8px;">
			<div style="float:left;">
				<!-- <h:commandButton immediate="true" action="#{individualCrud.createSetup}" value="#{msg.lblAddNew}" id="button1" /> -->

				<!-- Paging -->	
				<ui:include src="/snippets/paging.xhtml">
				     <ui:param name="currentCrud" value="#{individualCrud}"/>
				</ui:include>			
			</div>
		</div>
		
		<!-- Search Widget -->	
		<ui:include src="/search/searchBox.xhtml">
		     <ui:param name="crud" value="#{individualCrud}"/>
		</ui:include>	
		
		<div>
		    <h:outputText escape="false" value="#{msg.individualEmpty}" rendered="#{fn:length(individualCrud.pagedItems) == 0}" />
		    
		    <h:panelGroup rendered="#{fn:length(individualCrud.pagedItems) > 0}">
		        <h:dataTable value="#{individualCrud.pagedItems}" var="item" 
		        	columnClasses="center,center,center,center,width3" width="100%" cellspacing="0" cellpadding="0"  >
		            <h:column>
		                <f:facet name="header">
		                    <h:outputText value="#{msg.individualId}"/>
		                </f:facet>
		                <h:outputText value="#{item.extId}"/>
		            </h:column>
		            <h:column>
		                <f:facet name="header">
		                    <h:outputText value="#{msg.individualFirstName}"/>
		                </f:facet>
		                <h:outputText value="#{item.firstName}" />
		            </h:column>
		            <h:column>
		                <f:facet name="header">
		                    <h:outputText value="#{msg.individualLastName}"/>
		                </f:facet>
		                <h:outputText value="#{item.lastName}" />
		            </h:column>
		                           <h:column>
		                <f:facet name="header">
		                    <h:outputText value="#{msg.individualDob}"/>
		                </f:facet>
		                <h:outputText value="#{item.dob}" converter="#{calendarConverter}" />
		            </h:column>
		            <h:column>
		                <f:facet name="header">
		                    <h:outputText escape="false" value=""/>
		                </f:facet> 
		                <h:outputLink value="#{request.contextPath}/amendment/individual/details/#{item.uuid}">
                        	<h:graphicImage style="border: 0;" title="details" value="/resources/icons/details.ico" />
                        </h:outputLink>
                        <h:outputText value=" "/>
		                <h:commandLink  action="#{individualCrud.editSetup}">
		                    <h:graphicImage title="edit" style="border: 0;" value="/resources/icons/edit.ico"/>
		                    <f:param name="itemId" value="#{item.uuid}"/>
		                </h:commandLink>
		                <h:outputText value=" "/>
		                <h:commandLink  action="#{individualCrud.delete}">
		                    <h:graphicImage title="delete" style="border: 0;" value="/resources/icons/delete.ico"/>
		                    <f:param name="itemId" value="#{item.uuid}"/>
		                </h:commandLink>
		            </h:column>
		        </h:dataTable>
		    </h:panelGroup>
		</div>
	</h:form>
</ui:composition>